<?php
/**
 * @version     kingadmin-v1.2-tx
 * @package     tpl_gpcb
 * @copyright   Copyright (C) 2014. All Rights Reserved
 * @license     Creative Commons Attribution-NoDerivatives 4.0 International License
 * @author      caballeroantonio <caballeroantonio@hotmail.com> - http://caballeroantonio.com
 */

// No direct access
defined('_JEXEC') or die;

$kbpath = 'templates/gpcb';
?>

							<div class="main-header">
								<h2>Invoice</h2>
								<em>printer friendly invoice, try to print it to see the result</em>
							</div>

							<div class="main-content">
	<!-- INVOICE -->
	<div class="invoice">
		<!-- invoice header -->
		<div class="invoice-header">
			<div class="row">
				<div class="col-lg-3 col-print-3">
					<img src="<?= $kbpath ?>/assets/img/kingadmin-logo.png" alt="KingAdmin Logo" />
				</div>
				<div class="col-lg-9 col-print-9" >
					<ul class="list-inline">
						<li>Invoice #: <strong>15240776</strong></li>
						<li>Invoice Date: <strong>Nov 22, 2013</strong></li>
						<li>Total Amount: <strong>$12,221</strong></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- end invoice header -->
		
		<!-- invoice address -->
		<div class="invoice-from-to">
			<div class="row">
				<div class="col-sm-6 col-print-6">
					<span>FROM</span>
					<p class="name">The Develovers</p>
					<address>
						12345 North Main Street<br /> New York, 2233845<br />
						<div class="contact">
							<p><span>Email:</span> email@example.com</p>
							<p><span>Phone:</span> (1800) 765 - 4321</p>
							<p><span>Fax:</span> (1800) 765 - 4322</p>
							</div>
					</address>
				</div>
				<div class="col-sm-6 col-print-6">
					<span>TO</span>
					<p class="name">Hardware Studio Inc.</p>
					<address>
						28435 East Main Street<br /> New York, 2233845<br />
						<div class="contact">
							<p><span>Email:</span> email@example.com</p>
							<p><span>Phone:</span> (1800) 888 - 4321</p>
							<p><span>Fax:</span> (1800) 888 - 4322</p>
							</div>
					</address>
				</div>
			</div>
		</div>
		<!-- end invoice address -->

		<!-- invoice item table -->
		<div class="table-responsive">
			<table class="table invoice-table">
				<thead>
					<tr>
						<th>#</th>
						<th>Item Name</th>
						<th>Quantity</th>
						<th>Unit Price</th>
						<th>Total</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>LED Monitor 23"</td>
						<td>4</td>
						<td>$250</td>
						<td>$10,000</td>
					</tr>
					<tr>
						<td>2</td>
						<td>Wireless Keyboard</td>
						<td>8</td>
						<td>$80</td>
						<td>$640</td>
					</tr>
					<tr>
						<td>3</td>
						<td>Wireless Mouse</td>
						<td>8</td>
						<td>$40</td>
						<td>$320</td>
					</tr>
					<tr>
						<td>4</td>
						<td>UPS</td>
						<td>1</td>
						<td>$150</td>
						<td>$150</td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- end invoice item table -->

		<!-- invoice footer -->
		<div class="invoice-footer">
			<div class="row">
				<div class="col-sm-5 col-sm-offset-1 col-print-4 col-print-offset-2 right-col">
					<div class="invoice-total">
						<div class="row">
							<div class="col-xs-4 col-xs-offset-4 col-print-6 col-print-offset-2">
								<p>Subtotal</p>
								<p>VAT (10%)</p>
								<p>Total</p>
							</div>
							<div class="col-xs-4 text-right col-print-4">
								<p>$11,110</p>
								<p>$1,111</p>
								<p>$12,221</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-print-6 left-col">
					<blockquote class="invoice-notes">
						<strong>Notes:</strong>
						<p>Competently brand interactive expertise and interactive solutions. Proactively orchestrate viral innovation vis-a-vis customized leadership.</p>
					</blockquote>
				</div>
			</div>
		</div>
		<!-- end invoice footer -->

		<!-- invoice action buttons -->
		<div class="invoice-buttons">
			<button class="btn btn-default print-btn"><i class="fa fa-print"></i> Print</button>
			<a href="#" class="btn btn-custom-primary"><i class="fa fa-arrow-right"></i> Proceed to Payment</a>
		</div>
		<!-- end invoice action buttons -->
	</div>
	<!-- INVOICE -->

							</div><!-- /main-content -->
						

	<!-- Javascript -->
	<script src="<?= $kbpath ?>/assets/js/king-page.js"></script>
